<!--
 * @Descripttion:
 * @version:
 * @Author: Ysy
 * @Date: 2021-07-12 14:26:31
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>webSocket</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="MSHTML 6.00.2800.1106" name="GENERATOR">
    <link rel="stylesheet" type="text/css" href="../font/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/scrollbar.css"/>
    <link rel="stylesheet" href="../scripts/plugins/mini_menu/mini_menu.css">
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/flex_ysy.css"/>
</head>
<body>

<script type="text/javascript" src="../scripts/vendor/jquery-3.4.1/jquery-3.4.1.js"></script>
<script type="text/javascript" src="../scripts/vendor/jquery-cookie-1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="../scripts/vendor/jquery-easing/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../scripts/service/common-method.js"></script>
<script type="text/javascript" src="../scripts/service/common-utils.js"></script>
<script type="text/javascript" src="../scripts/service/string-utils.js"></script>
<script type="text/javascript" src="../scripts/service/number-utils.js"></script>
<script type="text/javascript" src="../scripts/service/object-utils.js"></script>
<script type="text/javascript" src="../scripts/service/array-utils.js"></script>
<script type="text/javascript" src="../scripts/service/date-utils.js"></script>
<script type="text/javascript" src="../scripts/plugins/mini_menu/mini_menu.js"></script>
<script type="text/javascript">
    var websocket = null;
    if('WebSocket' in window) {
        websocket = new WebSocket("ws://localhost:8088/websocket/webSocketByTomcat/"+document.getElementById('sessionId').value);
    } else if('MozWebSocket' in window) {
        websocket = new MozWebSocket("ws://localhost:8088/websocket/webSocketByTomcat/"+document.getElementById('sessionId').value);
    } else {
        websocket = new SockJS("localhost:8088/websocket/webSocketByTomcat/"+document.getElementById('sessionId').value);
    }

    //连接发生错误的回调方法
    websocket.onerror = function () {
        setMessageInnerHTML("WebSocket连接发生错误");
    };

    //连接成功建立的回调方法
    websocket.onopen = function () {
        setMessageInnerHTML("WebSocket连接成功");
    }

    //接收到消息的回调方法
    websocket.onmessage = function (event) {
        setMessageInnerHTML(event.data);
    }

    //连接关闭的回调方法
    websocket.onclose = function () {
        setMessageInnerHTML("WebSocket连接关闭");
    }

    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function () {
        closeWebSocket();
    }

    //将消息显示在网页上
    function setMessageInnerHTML(innerHTML) {
        document.getElementById('message').innerHTML += innerHTML + '<br/>';
    }

    //关闭WebSocket连接
    function closeWebSocket() {
        websocket.close();
    }

    //发送消息
    function send() {
        var message = document.getElementById('text').value;
        websocket.send(message);
    }


</script>
</body>

</html>
